<%--
  Created by jianzhang11.
  Date: 2016/8/24 10:48
  http://www.fz-kaiyi.com
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx_path" value="<%=request.getContextPath() %>" />
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title> 合肥丰业办公家居网 - 首页 </title>
    <meta name="description" content="合肥丰业办公家居">
    <meta name="keywords" content="合肥家具,丰业,合肥办公家居">
    <link href="${ctx_path}/resources/front/css/css.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="${ctx_path}/resources/front/js/gundong.js"></script>
    <script type=text/javascript src="${ctx_path}/resources/front/js/jquery.js"></script>
    <script type=text/javascript src="${ctx_path}/resources/front/js/sl-1.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $.focus("#focus001");
        });
    </script>


</head>
<body>
<!--引入头文件 START-->
<%@include file="nav.jsp"%>
<!--引入头文件 END-->

<div class="focus" id="focus001">
    <ul>
        <li><a href="#">
            <div style="width:100%; height:450px; background:url(${ctx_path}/files/scroll/1.jpg) center top no-repeat;"></div>
        </a></li>
        <li><a href="#">
            <div style="width:100%; height:450px; background:url(${ctx_path}/files/scroll/2.jpg) center top no-repeat;"></div>
        </a></li>
        <li><a href="#">
            <div style="width:100%; height:450px; background:url(${ctx_path}/files/scroll/3.jpg) center top no-repeat;"></div>
        </a></li>
    </ul>
</div>

<div class="ztbg">
    <div class="zt">
        <div class="lmfl">
            <div class="lmfl_left">
                <div class="lmfl_left_title">产品分类  Products </div>
                <%@include file="leftMenu.jsp"%>
            </div>

            <div class="lmfl_right">
                <div class="pro_title"><span>最新产品  Products</span> <a href="${ctx_path}/product">更多</a> </div>
                <c:forEach items="${productList}" var="product">
                    <div class="lmfl_cp"> <a href="${ctx_path}/product/detail/${product.id}"><img src="${ctx_path}/${product.filepath}" height="148" width="165"></a>
                        <p>${product.name}</p>
                    </div>
                </c:forEach>
            </div>

        </div>

        <div class="anli">
            <div class="anli_title"><span>产品案例  Case</span> <a href="${ctx_path}/cases">更多</a> </div>
            <div class="anli_content">
                <div class="ny2010">
                    <div id="demo" class="gundong">
                        <div id="demo1" style="width:1180px">
                            <table cellspacing="0" cellpadding="0">
                            <tbody>
                            <tr valign="top">
                                <td valign="top" nowrap=""><table>
                                    <tbody>
                                    <tr>
                                        <c:forEach var="tCase" items="${caseList}">
                                            <td align="center"><a href="http://www.fz-kaiyi.com/2015/11/241.html"><img src="${ctx_path}/${tCase.filepath}" height="240" width="180"></a>
                                                <p> ${tCase.name} </p>
                                            </td>
                                        </c:forEach>
                                    </tr>
                                    </tbody>
                                </table></td>
                                <td width="0">
                                    <div id="demo2" style="width:1180px;">
                                        <table cellspacing="0" cellpadding="0">
                                            <tbody>
                                                <tr valign="top">
                                                    <td valign="top" nowrap="">
                                                        <table>
                                                            <tbody>
                                                            <tr>

                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>

                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    document.getElementById("demo2").innerHTML = document.getElementById("demo1").innerHTML;
                    MyMar=setInterval(Marquee,speed);
                </script>
            </div>
        </div>

        <div class="hyxw">
            <div class="hyxw_title"><span>行业新闻  News</span> <a href="${ctx_path}/news" target="_blank" rel="nofollow">更多</a> </div>
            <div class="hyxwtop"> <img src="${ctx_path}/resources/front/images/bannerNews.png" width="320" height="101"> </div>
            <div class="xw">
                <ul>
                    <c:forEach items="${newsList}" var="news">
                        <li>
                            <span style="float:right"> [<fmt:formatDate value="${news.createDate}" pattern="yyyy-MM-dd"/> ] </span>
                            <a href="#" target="_blank">
                                <c:if test="${fn:length(news.title)>=19 }">${fn:substring(news.title, 0, 16)}...</c:if>
                                <c:if test="${fn:length(news.title)<19 }">${news.title}</c:if>
                            </a>
                        </li>
                    </c:forEach>
                </ul>
            </div>
        </div>

        <div class="gywm">
            <div class="gywm_title"><span>关于我们  About</span> <a href="http://www.fz-kaiyi.com/guanyuwomen.html" target="_blank">更多</a> </div>
            <div class="gsjj"> <img src="${ctx_path}/resources/front/images/bannerAbout.png" width="269" height="202" align="left" style="margin-right:15px;">
                <p> 公司简介: </p>
                合肥丰业办公家具是一家专业从事办公家具设计、生产及销售的企业。公司人员对办公家具的设计及文化内涵有深入的了解和研究。我们崇尚“人性化的设计理念”，倡导“绿色环保、简约时尚”。我们一惯坚持“人品主张”的质量方针和“伟大在于细节积累”的经营理念，正全力打造办公家具航母。福州闽侯荆溪工业园有我们的生产基地，长期以来我们以匠心独运的设计、质优价廉的产品、全程无忧式服务，赢得了广大客户的青睐，有口皆碑！   我们是合肥当地一家专业生产办公家具,办... <br>
                <span><a href="${ctx_path}/about">详细介绍>></a></span> </div>
        </div>
    </div>
</div>

<%@include file="footer.jsp"%>

</body>
</html>
